#app{
    height: 100%;

    $leftaside: 220px;
    aside{
        color: white;
        width: $leftaside;
        height: 100%;
        background: #304156;
        position: absolute;
    }

    .right-wrap{
        width: calc(100vw - $leftaside );
        margin-left: $leftaside;
        color: #515151;

        & > * {
            padding-left: 1rem;
            padding-right: 1rem;
        }

        .header{
            height: 2.5rem;
            line-height: 2.5rem;
            border-bottom: 1px solid #aaa;
        }
    }


    &.icon-nav{
        aside{
            width: 64px !important;
            left:0; 
            text-align: center;
            .txt{
                display: none;
            }
        }
        .right-wrap{
            margin-left:64px;
        }
    }
    

    @media (max-width: 480px) {
        aside{
            left: -220px;
        }
        
        .right-wrap{
            margin-left:0;
        }
      }
}

